<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style>
.body1{
float:left;
width: 30%;
}
.body2{
float: left;
width: 70%;
}
a {
	text-decoration: none;
}

#innerDiv01 {
	display: none;
}
#innerDiv02 {
	display: none;
}
#innerDiv03 {
	display: none;
}

.end1 {
	float: left;
	height: 100px;
	width: 85%;
	text-align: center;
	align-content: center;
}

.end2 {
	float: left;
	width: 15%;
}

.title {
	float: left;
	width: 80%;
	text-align: center;
	align-content: center;
}

.pic {
	float: left;
	height: 100px;
	width: 20%;
}

.option {
	float: left;
}

.a {
	background-color: #FF9;
}

a:link {
	color: black;
	font-size: 20px;
}

a:visited {
	color: gray;
}
</style>
<script>
	function change01() {
		var div01 = document.getElementById("innerDiv01");
		if (div01.style.display == 'block') {
			div01.style.display = 'none';
		} else {
			div01.style.display = 'block';
		}
	}
	function change02() {
		var div02 = document.getElementById("innerDiv02");
		if (div02.style.display == 'block') {
			div02.style.display = 'none';
		} else {
			div02.style.display = 'block';
		}
	}function change03() {
		var div03 = document.getElementById("innerDiv03");
		if (div03.style.display == 'block') {
			div03.style.display = 'none';
		} else {
			div03.style.display = 'block';
		}
	}
</script>
</head>
<body>

	<div class="pic">
		<img src="pic\logo.gif">
	</div>
	<div>
		<p style="margin-left: 600px">
			<font face="华文行楷" size="7" color="darksalmon">宠物之家</font>
		</p>
	</div>

	<div style="height: 100px; width: 100%;"></div>

	<!-- 中间部分-树形结构 -->
	<div class="body1">
	<div class="manager1" style="margin-left: 180px;">
		<a href="javascript:change01()"><img src="pic/fold.gif" />用户信息</a>
		<div id="innerDiv01">
			<img src="pic/z-top.gif" /><a href="userServlet?type=getAlluser">查看用户信息</a><br /> 
			<img src="pic/z-top.gif" /><a href="userServlet?type=getAlluser">修改用户信息</a><br />
			<img src="pic/z-end.gif" /><a href="userServlet?type=getAlluser">删除用户信息</a><br />
		</div>
	</div>
	<div style="height:80px;width:100%;"></div>
	<div class="manager2" style="margin-left: 180px">
		<a href="javascript:change02()"><img src="pic/fold.gif" />宠物信息</a>
		<div id="innerDiv02">
		    <img src="pic/z-top.gif" /><a href="userServlet?type=getAlldog">查看宠物信息</a><br /> 
			<img src="pic/z-top.gif" /><a href="userServlet?type=getAlldog">修改宠物信息</a><br />
			<img src="pic/z-top.gif" /><a href="add_dog.jsp">增加宠物信息</a><br /> 
			<img src="pic/z-end.gif" /><a href="userServlet?type=getAlldog">删除宠物信息</a><br />
		</div>
	</div>
	<div style="height:80px;width:100%;"></div>
	<div class="manager3" style="margin-left: 180px">
		<a href="javascript:change03()"><img src="pic/fold.gif" />订单信息</a>
		<div id="innerDiv03">
		    <img src="pic/z-top.gif" /><a href="userServlet?type=getAllorder">查看订单信息</a><br /> 
			<img src="pic/z-top.gif" /><a href="userServlet?type=getAllorder">处理订单信息</a><br />
		</div>
	</div>
    </div>
    
    <div class="body2" style="width: 300px;height: 400px;margin-left: 200px;margin-top: 30px"><img src="pic/0_0.gif"/></div>
	<!-- 中间结束 -->

	<div class="end1" style="margin-left: 100px">
		<p>
			版权所有：宠物之家信息管理系统 <br /> 地址：北京市昌平区| 邮政编码：030600 |
		电话：13502026815 <br />
		</p>
	</div>
</body>
</html>